<template>
  <div id="article">
    <!-- 顶部 -->
      <div class="top">
        <div class="center tip">
          <span class="left">欢迎访问郑州高新技术产业开发区信用建设管理平台</span>
          <span class="right">
            <span>管理后台</span>
            <span>意见建议</span>
          </span>
        </div>
      </div>
       <!-- 顶部导航搜索 -->
    <div class="bgsearch">
      <div class="center">
          <div class="search">
            <input type="text" placeholder="请输入企业名或组织机构代码">
            <button></button>
          </div>
      </div>
    </div>
     <!-- 导航栏 -->
      <div class="nav">
        <div class="center">
          <div class="con">
            <router-link tag="p"  to="index"><span>首页</span></router-link>
            <router-link tag="p" class="active" to="policy"><span>政策法规</span></router-link>
            <router-link tag="p" to="build"><span>信用建设</span></router-link>
            <router-link tag="p" to="map"><span>信用地图</span></router-link>
            <router-link tag="p" to="responsibility"><span>信用责任</span></router-link>
            <router-link tag="p" to='publicity'><span>信息公示</span></router-link>
          </div>
        </div>
      </div>
      <!-- 当前位置 -->
      <div class="current">
        <div class="center">
          <img src="../../assets/image/icon_current.png" alt="">
          <span>当前位置：<router-link to="index" tag="span">首页</router-link>></span> <span>政策法规></span><span class="red">文章详情</span>
        </div>
      </div>
     <div class="detail center">
       <div class="detaTitle">国家知识产权局：运用大数据提升打击知识产权侵权假冒行为精准度</div>
       <div class="desc"><span>来源：法制日报</span> <span>作者:高新区信用建设管理平台</span><span>发布时间：2018-12-05 10:18</span></div>
      <div class="condetail">
        <div class="img"> <img src="../../assets/image/image.png" alt=""></div>
        <p>最高人民检察院发布的《关于认真贯彻落实全国金融工作会议精神加强和改进金融检察工作的通知》,对加大惩治金融犯罪力度,
加强金融检察工作机制和队伍建设,提高服务和保障金融改革发展的能力水平等方面作出全面部署。</p>
        <p>自从去年8月通知印发以来,全国检察机关服务保障金融改革工作开展得如何?近日,记者就此采访了最高人民检察院公诉厅相
关负责人。</p>
        <p>加强专业办案打击金融犯罪“非法设立资金池,将信息中介异化为信用中介,打着网络借贷信息中介的旗号实施非法吸收公众
存款犯罪。有的甚至借用他人名义变相自融,投入私募基金等高风险行业,进一步加剧了资金风险。”最高检公诉厅有关负责人告
诉记者,今年6月以来,许多P2P网络借贷平台打着“互联网金融”“金融创新”等旗号,利用金融领域的新概念、新名词坑蒙拐骗,
实施非法集资、金融诈骗等各类违法犯罪活动。操纵证券、期货市场等证券类犯罪同样具有较强的隐蔽性和迷惑性,其背后的资
金关系复杂,通常需要借助大数据监测手段发现、打击。</p>
        <p>最高检公诉厅有关负责人说,为了应对金融犯罪案件专业性强、办案难度大等挑战,一些有条件的地区检察院专门成立金融
(经济)犯罪检察部门,实行捕诉合一办案机制,不断提高办理金融犯罪案件的专业化水平。</p>
        <p>福建省泉州市人民检察院设立金融检察处,探索推进“1+6”金融检察工作模式,依托专业化办案、立体化监督、规范化指导、
精准化服务、融通化研究、网格化预防6项业务模块,承担批捕起诉、监督、指导、服务、理论研究、犯罪预防等各项检察职能。</p>
        <p>广东省佛山市南海区人民检察院成立广东首个金融检察室,专门办理金融犯罪案件,实行“打、防、治”三位一体工作机制、
“1+1+1”办案组织模式。发挥检察长带头作用,成功办理“润丰系”非法吸收公众存款案、布谋利用互联网金融平台骗取贷款
等多宗新型、典型金融犯罪案件。</p>
      </div>
   </div>

    <foot></foot>
  </div>
</template>

<script>
import foot from './home/foot.vue'
export default {
  name: 'article',
  components: {
    foot
  },
  data () {
    return {
      currentPage: 1
    };
  },
  methods: {
    handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      }
  }
};
</script>

<style lang="scss">
  #article {
    .center {
      width: 1200px;
      margin: 0 auto;
    }
    .top {
      width: 100%;
      height:40px;
      background:rgba(241,241,241,1);
      .tip {
        display: flex;
        justify-content: space-between;
        span {
          font-size:16px;
          font-weight:400;
          color:rgba(56,56,56,1);
          line-height: 40px;
          &.right {
            span:first-child {
              padding-right: 20px;
              border-right: 2Px solid #cccccc;
            }
            span:last-child {
              padding-left: 18px;
            }
          }
        }
      }
    }
    // ------------------------
      .bgsearch {
      width: 100%;
      height: 300px;
      background-image: url(../../assets/image/bannerwz.jpg);
      background-position: center center;
      position: relative;
      // margin-top: -4px;
      background-repeat: no-repeat;
      // padding-top: 450px;
      .center {
        position: relative;
        .search {
          display: inline-block;
          position: absolute;
          top: 230px;
          left: 696px;
          width:435px;
          height:51px;
          input {
            position: absolute;
            left: 0;
            top: 0;
            width:435px;
            height:51px;
            box-sizing: border-box;
            background:rgba(255,255,255,1);
            box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.35);
            opacity:0.85;
            border-radius:20px;  
            padding-right: 70px;
            padding-left: 20px;
          }
          button {
            position: absolute;
            right: -20px;
            top: 0;
            width:55px;
            height:51px;
            background-color: #db4444;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            background-image: url(../../assets/image/search.png);
            background-position: center center;
            background-repeat: no-repeat;
          }
        }
      }
   }
   .nav {
        width: 100%;
        height:67px;
        background:rgba(213,35,36,1);
        position: relative;
        margin-top: -1px;
        .con {
          display: flex;
          justify-content: flex-start;
          p {
            width: 190px;
            height: 67px;
            font-size: 20px;
            color: white;
            line-height: 67px;
            text-align: center;
            box-sizing: border-box;
            border-left: 2px solid white;
            &:last-child {
              border-right: 2px solid white;
            }
            &.active {
              background-color: white;
              span {
                color: #D52324;
                border-bottom: 1px solid #D52324; 
              }
            }
          }
      }
    }
    .current {
      height:50px;
      background:rgba(191,190,190,1);
      // margin-bottom: 28px;
      img {
        line-height: 50px;
      }
      span {
        line-height: 50px;
        &.red {
          color: #d52324;
        }
      }
    }
    .detail {
      background-color: #D9D7D8;
      padding-bottom: 60px;
      margin-bottom: 10px;
      .detaTitle {
        font-size:24px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(56,56,56,1);
        text-align: center;
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .desc {
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(108,107,107,1);
        text-align: right;
        padding-right: 20px;
        border-bottom: 1px solid #D0CCD1;
        span {
          margin-right: 20px;
        }
      }
      .condetail {
        .img {
          width:895px;
          height:498px;
          margin-top: 116px;
          margin-left: 154px;
          margin-bottom: 120px;
          img {
            width: 100%;
          }
        }
        p {
          text-indent: 2em;
          line-height: 26px;
          padding:  0 20px;
        }
      }
    }
}
</style>
